<ion-view view-title="Login">
  <ion-content>
    <img src="img/logo.png" style="width: 40%;margin-left: 30%;margin-top: 36px;">
    <div class="login-mydiv">
      <i class="icon icon-email" style="font-size: 29px;margin-top: 9px;margin-left: 13px;color: #65c178;display: inline-block;vertical-align: top">
      </i>
      <input class="login-nomalinput" ng-model="loginInfo.email" placeholder="Email Address">
    </div>
    <div class="login-mydiv" style="margin-top: 20px;">
      <i class="icon icon-password" style="font-size: 29px;margin-top: 9px;margin-left: 13px;color: #65c178;display: inline-block;vertical-align: top">
      </i>
      <input class="login-nomalinput" ng-model="loginInfo.password" placeholder="Password">
    </div>

    <div class="divspan">
      <!--<input type="checkbox" style="width: 15px;height: 15px;color: #65c178;border-color: #65c178;float: left;margin-top: 2px;">-->
      <!--<span style="float: left;margin-left: 5px;">Keep me logged in</span>-->
      <span style="float: right" ng-click="goresetpassword()">Forgot your password?</span>
    </div>

    <img class="myimg" src="img/login.png" ng-click="login()">
    <img class="myimg" src="img/facebook.png">

    <div class="divspan" style="color: #666666">
      By logging in or creating an account,you agree to our "<span class="termcolor">Terms of Service</span>" and
      "<span class="termcolor">Privacy Policy</span>".
    </div>


    <style type="text/css">
      .login-nomalinput{margin-left: 11px;width: 77%;height: 46px;margin-top: 0px;border:0px solid #cccccc}
      .login-mydiv{width: 80%;margin-top: 30px;margin-left: 10%;height: 50px;border: 1px solid #cccccc;border-radius: 4px;vertical-align: middle}
      .divspan{width: 80%;margin-top: 5px;margin-left: 10%;color: #65c178;font-size: 12px}
      .myimg{width: 80%;margin-left: 10%;margin-top: 19px}
      .termcolor{color: #65c178;border-bottom: 1px solid #65c178}
      .shadebutton{width: 80%;margin-left: 10%;height: 45px;line-height:45px;margin-top: 15px;border-radius: 4px;text-align: center;color: #fff}
    </style>
  </ion-content>
  <!--<div style="width:100%;text-align: center;bottom: 10px;position: fixed;color: #b5b5b5">Don't have an account?<span class="termcolor">Create one</span></div>-->

  <!--<div style="width: 100%;background: #999999;height: {{shadeDivHeight}};opacity: 0.5">-->
  <!--</div>-->
  <!--<div style="width: 80%;margin-left: 10%;height: 170px;top:{{divSetTop}};background: #fff;position: fixed;border-radius: 4px">-->
    <!--<div style="width: 100%;margin-top: 20px;text-align: center;font-weight: normal">-->
      <!--Invalid email address/password-->
    <!--</div>-->
    <!--<div class="shadebutton" style="background: #ffa200">Reset your password here.</div>-->
    <!--<div class="shadebutton" style="background: #65c178">Okay,I want to try again.</div>-->

  <!--</div>-->

</ion-view>
